html, body 		{ margin: 3; padding: 0; } /*margin is padding of webpage on top 3px is fine */
		body 			{ background-color:#f5f5f5; color: #000; font: 12px Arial, Helvetica, sans-serif; line-height: 18px; } /*text in body general*/
		h1              { font: 4px Arial, Helvetica, sans-serif; line-height: 18px; }
        	
        /*links */
        a.header:link { color: white; background-color: black; text-decoration: none; font-size:16px; font-weight:bold }
        
        a.header:visited { color:  #e0e0e0; background-color: black; text-decoration: none; font-size:16px; font-weight:bold}
        a.header:hover { color: #ffCC00; background-color: black; text-decoration: none; font-size:16px; font-weight:bold }

        a.footer:link { color: white; background-color: black; text-decoration: none; font-size:14px; font-weight:normal; }
     
        a.footer:visited { color:  #e0e0e0; background-color: black; text-decoration: none; font-size:14px; font-weight:normal;}
        a.footer:hover { color: #ffCC00; background-color: black; text-decoration: none; font-size:14px; font-weight:normal; }
        
        a.info:link { color: white; background-color: ; text-decoration: none; font-size:12px; font-weight:bold }
     
        a.info:visited { color:  #e8e8e8; background-color: #; text-decoration: none; font-size:12px; font-weight:bold }
        a.info:hover { color: #ffCC00; background-color: #999; text-decoration: none; font-size:12px; font-weight:bold }

                      
        p				{ margin: 0 0 18px; } /*paragraph spacing in content*/
		#container		{ width: 1024px; margin: 0 auto; border:px solid #cccccc;  } /* width of webpage margin 0 auto means center of screen! border can be added if need be 1px or so*/
			
		/* Content Style  NAVIGATION is LEFT Column / EXTRA is MIDDLE Column / COLUMN is RIGHT Column / FOOTER is Links HEATHER AND FOOTER*/
		#navigation		{ background: #999; margin-left: 0px; } /* this is nav. column padding left towards left side of page*/
		#navigation ul	{ padding: 0 18px 9px; } /* middle is nav. padding inside column left right is nav. padding down*/
		#column		    { background: #999; margin-left: 0px; line-height: 13px;}
        #column ul	    { padding: 0 18px 9px; }
        #extra			{ margin: 0 1px; } /* this is padding towards right border of webpage
		#extra small	{ font-size: 11px; line-height: 18px; } /*this is font size at extra small font 11 and line height 18 makes a bit of line space*/
		#content		{ border-bottom: 0px solid #ccc; margin: 0 18px; } /*margin here is padding for content*/
		#content p, #extra p { padding-right: 8px; } /*this is paragraph spacing content and extra*/
		
		/* Content Positioning & Size */
		#navigation		{ float: left; width: 220px; } /* float left means that there is 2 columns side by side like nav + extra / width is nav. column width */
        #column		    { float: right; width: 220px; }
		#content		{  }
		#extra			{ background-color:white; padding-left: 12px; padding-right: 11px; 0px solid #ccc; float: left; width: 559px; }	/* float right means that there is 2 columns side by side like nav + extra / width is extra column width */
		/* Footer has become my header!!! */ 
		#footer			{ background: #000; border-bottom: 0px solid #999; clear: both; } /* footer data leave  - clear: both; as is! */ 
		/*#footer a		{ color: #eee; }*/
		#footer	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; } /* margin 0 is ok - padding is footer padding left and bottom*/
		#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 0px; padding: 10px 0 6px; } /* margin left number is padding left right number is padding down after links - padding left number is padding top right number is padding down again*/
		#footer li		{ display: inline; font-size: px; font-weight: bold; padding-right: 15px; } /* padding right is spacing between links*/